﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="indexnum.aspx.cs" Inherits="lcs.Web.Admin.TimeLine.indexnum" %>

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>

    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <meta name="description" content="Blueprint: Vertical Timeline" />
    <meta name="keywords" content="timeline, vertical, layout, style, component, web development, template, responsive" />
    <meta name="author" content="Codrops" />
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/default.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />
    <script src="js/modernizr.custom.js"></script>
    <link href="../../jquery-ui.min.css" rel="stylesheet" />
    <script src="../../js/jquery.js"></script>
    <script src="../../js/jquery-ui.min.js"></script>
     <script type="text/javascript">
         $(function () {
             $("#txtSearch").autocomplete({
                 minLength: 1, // 设置搜索的关键字最小长度// 设置自动完成列表的函数，函数包括两个参数，requset和response      
                 source: function (request, response) {
                     $.ajax({
                         type: "POST",          // 通过request.term可以获得文本框内容   
                         url: "../../Handler.ashx?keyword=" + request.term,
                         contentType: "application/json; charset=gb2312",
                         dataType: "json",
                         success: function (data) {
                             // jQuery.map(array, callback) :将一个数组中的元素转换到另一个数组中。
                             //  下面就是把数组["value1", "value2",...]转换为[{value:"value1"}, {value:"value2"},...]                 
                             response($.map(data, function (item) {
                                 return { label: item.projectName + item.proid, value: item.projectName };
                             }));
                         },
                         error: function () {
                             alert("ajax请求失败");
                         }
                     });
                 }
             });
         });
         </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            项目名：<asp:DropDownList ID="ddlproject" runat="server" Visible="False">
            </asp:DropDownList>&nbsp; 
            <asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
            物料描述：
            <asp:TextBox ID="txt_material" runat="server"></asp:TextBox>
            <asp:Button ID="btnOK" runat="server" Text="确定" OnClick="btnOK_Click" />

        </div>
        <div class="container">
            <div class="main">
                <ul class="cbp_tmtimeline">
                    <li>
                        <time class="cbp_tmtime" datetime="2013-04-10 18:30"> <span>计划</span></time>
                        <div class="cbp_tmicon cbp_tmicon-earth"></div>
                        <div class="cbp_tmlabel">                            
                            <asp:Literal ID="lt0" runat="server"></asp:Literal>
                        </div>
                    </li>
                    <li>
                        <time class="cbp_tmtime" datetime="2013-04-10 18:30"> <span>本月计划</span></time>
                        <div class="cbp_tmicon cbp_tmicon-phone"></div>
                        <div class="cbp_tmlabel">                            
                            <asp:Literal ID="lt1" runat="server"></asp:Literal>
                        </div>
                    </li>                    

                    <li>
                        <time class="cbp_tmtime" datetime="2013-04-13 05:36"> <span>已配送</span></time>
                        <div class="cbp_tmicon cbp_tmicon-mail"></div>
                        <div class="cbp_tmlabel">
                            <asp:Literal ID="lt2" runat="server"></asp:Literal>
                             </div>
                    </li>
                    <li>
                        <time class="cbp_tmtime" datetime="2013-04-15 13:15"><span>已确认</span></time>
                        <div class="cbp_tmicon cbp_tmicon-screen"></div>
                        <div class="cbp_tmlabel">
                            <asp:Literal ID="lt3" runat="server"></asp:Literal>
                            </div>
                    </li>
                    <li>
                        <time class="cbp_tmtime" datetime="2013-04-15 13:15"> <span>已初验</span></time>
                        <div class="cbp_tmicon cbp_tmicon-mail"></div>
                        <div class="cbp_tmlabel">
                            <asp:Literal ID="lt4" runat="server"></asp:Literal>
                            </div>
                    </li>

                    <li>
                        <time class="cbp_tmtime" datetime="2013-04-16 21:30"> <span>已入库</span></time>
                        <div class="cbp_tmicon cbp_tmicon-earth"></div>
                        <div class="cbp_tmlabel">
                            <asp:Literal ID="lt5" runat="server"></asp:Literal>
                            </div>
                    </li>
                    <li>
                        <time class="cbp_tmtime" datetime="2013-04-16 21:30"> <span>已出库</span></time>
                        <div class="cbp_tmicon cbp_tmicon-earth"></div>
                        <div class="cbp_tmlabel">
                            <asp:Literal ID="lt6" runat="server"></asp:Literal>
                            </div>
                    </li>
                    
                </ul>
            </div>
        </div>
    </form>
</body>
</html>